﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>调整与排序--行程--禅境旅行</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="${cpath}/resources/portal/css/style.css" rel="stylesheet"
	type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="${cpath}/resources/portal/js/scrolltopLogic.js"
	type="text/javascript"></script>
<style>
.row {
	width: 900px;
}

.row_header {
	font-size: 14px;
	outline: medium none;
	text-align: left;
	width: 100px;
	min-height: 35px;
	_height: 35px;
}

.row_body {
	list-style: none outside none;
	width: 810px;
	float: left;
	font-family: "宋体", Arial;
	color: #666;
	font-size: 14px;
	width: 800px;
	min-height: 35px;
	_height: 35px;
}

.cell {
	float: left;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin: 6px 0 0 6px;
	padding: 1px;
	float: left;
	width: auto;
}

.cell img {
	display: inline-block;
}
</style>
</head>
<body>
	<div class="page">
		<%@include file="/ui/portal/head.jsp"%>
		<div id="container" class="container margin10">
			<div class="trip-area-title">只要花费三分钟时间，就可以制作自己的个性化旅行计划</div>
			<div class="trip-area-step">
				<div class="trip-area-step-prev">
					<a href="javascript:void(0)">上一步</a>
				</div>
				<c:set value="3" var="step"></c:set>
				<%@include file="/ui/portal/trip/edit_steps.jsp"%>
				<div class="trip-area-step-next">
					<a href="javascript:void(0)">下一步</a>
				</div>
			</div>
			<div class=" clear"></div>
			<div class="table trip-area-have2">
				<c:forEach var="daily" items="${tripDailys }" varStatus="status">
					<div class="row trip-area-have2-row"
						data-daily_id="${daily.dailyId }"
						data-daily_no="${daily.dailyNo }">
						<!-- 鼠标在该div上，是拖拽整行 -->
						<div class="row_header item1">第${status.count }天</div>
						<ul class="row_body">
							<c:forEach var="loc" items="${daily.tripDailyLocations }">
								<c:if test="${empty loc.image }">
									<c:set value="" var="image"></c:set>
								</c:if>
								<c:if test="${!empty loc.image }">
									<c:choose>
										<c:when test="${fn:contains(loc.image,'trip_traffic')}">
											<c:set value="${image_domain }${loc.image}" var="image"></c:set>
										</c:when>
										<c:otherwise>
											<c:set value="${image_domain }${loc.image}@!small"
												var="image"></c:set>
										</c:otherwise>
									</c:choose>
								</c:if>
								<li class="cell"
									data-daily_location_id="${loc.dailyLocationId }"
									data-image="${image }" data-summary="${loc.summary }"
									data-location_name="${loc.locationName }"
									data-dest_name="${loc.destName }"
									data-category_id="${loc.categoryId }"
									data-stay_time="${item.stayTime }" data-lat="${loc.lat }"
									data-lng="${loc.lng }">${loc.locationName}</li>
							</c:forEach>
						</ul>
					</div>
				</c:forEach>
			</div>


			<!-- 删除原来的html -->
			<div class=" clear1"></div>
			<div class="trip-area-step3-info">
				<div class="trip-area-step3-info-title"></div>
				<div class="trip-area-step3-info-map"></div>
				<div class="trip-area-step3-info-list">
					<div class="step3-info-titleinfo">
						<div class="step3-info-title"></div>
						<div class="step3-info-title2">
							<div class="infoa"></div>
							<div class="infob"></div>
							<div class="infoc"></div>
						</div>
					</div>
					<div class="step3-info-l"></div>
				</div>
				<div class=" clear1"></div>
			</div>
		</div>

		<%@include file="/ui/portal/footer.jsp"%>
		<script
			src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBXF4z-R35SvrcxQNsQJUd6JIs4X1fAoZw&sensor=false"></script>
		<script src="${cpath}/resources/portal/js/jquery.json-2.4.min.js"
			type="text/javascript"></script>
		<script src="${cpath}/resources/portal/js/tablesort.js"
			type="text/javascript"></script>
		<script src="${cpath}/resources/portal/js/trip.js"
			type="text/javascript"></script>
		<script src="${cpath}/resources/portal/js/distance.js"
			type="text/javascript"></script>
			<script src="${cpath}/resources/portal/js/jquery.imgresize.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				TripAPI.init('${cpath}');
				var map = $(".trip-area-step3-info-map").tripmap();
				var tripsort = $(window).tripsort({
					map : map
				});

				$(".trip-area-step-prev a").click(function() {
					tripsort.submit(false, '${trip.tripId}');
				});
				$(".trip-area-step-next a").click(function() {
					tripsort.submit(true, '${trip.tripId}');
				});
				//$(".step3-info-m-img").imgresize();
			});
		</script>

	</div>
</body>
</html>
